<template>
	<view>
		
		<view class="title">
			<image class="image1" src="/static/users/over.png" mode=""></image>
			<view class="over">
				已是商家
			</view>
			<view class="ready">
				有效期至：2020年1月1日，23:59
			</view>
		</view>
		
		<view class="main">
			<text class="text1">温馨提示：商户相关功能请</text>
			<text class="text2">登入商户端</text>
			<text class="text1">进行操作！</text>
		</view>
		
		<view class="message">
			<view class="msg_zhu" v-for="(item,index) in menu">
				<text class="zi1">{{item.name}}</text>
				<text class="zi2">1{{item.content}}</text>
			</view>
		</view>
		
		<view class="message">
			<view class="msg_zhu" v-for="(item,index) in list">
				<text class="zi1">{{item.name}}</text>
				<text class="zi2">1{{item.content}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				menu: [{
					name: "订单编号",
					content: "51245748541212"
				}, {
					name: "申请时间",
					content: "2020-02-03 15:00:00"
				}, {
					name: "租聘时间",
					content: "无"
				}, {
					name: "付款时间",
					content: "2020-02-30 15:00:02"
				}, {
					name: "付款金额",
					content: "2020-02-30 15:00:02"
				}],
				
				
				list: [{
					name: "店铺名称",
					content: "安格尔旗舰店"
				}, {
					name: "店铺类型",
					content: "美妆店铺"
				}, {
					name: "联系人",
					content: "王二狗"
				}, {
					name: "联系电话",
					content: "12365471096"
				}, {
					name: "身份证号码",
					content: "45215746541321534534132"
				}, {
					name: "所在校区",
					content: "成都理工大学锦江学院"
				}, {
					name: "学号",
					content: "007"
				}, ]
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		background-color: #F2F4FA;
	}
	.title {
		margin: 28rpx auto;
		width: 690rpx;
		height: 220rpx;
		background: #FFFFFF;
		border-radius: 40rpx;
		position: relative;
	
		.image1 {
			position: absolute;
			top: 54rpx;
			left: 240rpx;
			width: 91rpx;
			height: 91rpx;
		}
	
		.over {
			position: absolute;
			top: 67rpx;
			right: 230rpx;
			// width: 99rpx;
			// height: 31rpx;
			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #F9A31F;
		}
	
		.ready {
			position: absolute;
			left: 180rpx;
			bottom: 59rpx;
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #666666;
		}
	}
	.main{
		margin: 10rpx auto;
		width: 630rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 300;
		color: #000000;
		line-height: 40px;
		.text2{
			color: #F48F5B;
			cursor: pointer;
		}
	}
	

	.message {
		margin: 20rpx auto;
		padding: 10rpx 39rpx 40rpx 41rpx;
		width: 710rpx;
		// height: 470rpx;
		background: #FFFFFF;
		border-radius: 30rpx;

		.msg_zhu {
			margin: 30rpx 0 0 0;
			width: 630rpx;
			height: 30rpx;
			position: relative;

			.zi1 {
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #010101;
				line-height: 30rpx;
			}

			.zi2 {			
				display: block;
				position: absolute;
				right: 0rpx;
				top: -20rpx;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 300;
				color: #010101;
				line-height: 40px;
			}
		}
	}
</style>
